<div class="order-titme-fiter" [ngStyle]="tagData.cssStyle | styleFilter">
  <ng-container *ngFor="let item of tagData.filterItems;let i = index;">
      <div class="item-firstRow" [ngStyle]="item.cssStyle | styleFilter">{{item.title}}</div>
      <div class="item-secondRow">
        <ng-container *ngFor="let ite of item.dropDownList.item;let ind = index;">
          <span class="label" appDebounceClick (debounceClick)="itemIsShow(item.dropDownList.item, ite, tagData.filterItems, i, item.dropDownList)" [ngClass]="{'active': ite.checked === '1'}">{{ite.displayName}}</span>
        </ng-container>
      </div>
      <div class="item-thirdRow" *ngIf="item.subFilterItem">
        <ng-container *ngFor="let ite of item.subFilterItem;let ind = index;">
            <!-- 开始时间 -->
          <ListItem *ngIf="ite.name === 'startTime'" DatePicker [showErrorToast]=false id="listItem-start" [maxDate]="getDate(ite.endDate, ite)"
            [minDate]="getDate(ite.startDate, ite, 0)" (onOk)="selectTime($event, ite, 0, item.dropDownList.item, item.subFilterItem)"
            [locale]="locale">
              
            <div [ngClass]="{'active': ite.checked === '1'}" class="start">{{ite.title}}</div>
              
          </ListItem>

          <div *ngIf="ite.name === 'startTime'" class="line"></div>

            <!-- 结束时间 -->
          <ListItem *ngIf="ite.name === 'endTime'" DatePicker [showErrorToast]=false id="listItem-end" [maxDate]="getDate(ite.endDate, ite)"
            [minDate]="getDate(ite.startDate, ite, 1)" (onOk)="selectTime($event, ite, 1, item.dropDownList.item)"
            [locale]="locale">
            
            <div [ngClass]="{'active': ite.checked === '1'}" class="end">{{ite.title}}</div>
            
          </ListItem>
      </ng-container>
    </div>
  </ng-container>

</div>